<template>
	<div class="container">
		<div class="info">
			<div style="height: 20px;"></div>
			<div style="padding: 10px;width: 90%;margin-left: 5%;" @click="goContract('合同签约')">
				<div style="display: flex;align-items: center;justify-content: space-between;">
					<div class="flex-image" style="display: flex;align-items: center;">
						<image src="https://28-1325662301.cos.ap-shanghai.myqcloud.com/%E9%9D%92%E5%B2%9B%E5%B0%8F%E7%A8%8B%E5%BA%8F%2FGroup%202384.png" />
						<div style="width: 15px;"></div>
						<div>合同签约</div>
					</div>
					<div style="display: flex;align-items: center;">
						<u-icon color="#000000" name="arrow-right"></u-icon>
						<div style="width: 10px;"></div>
					</div>
				</div>
			</div>
			<div style="height: 20px;"></div>
			<div style="padding: 10px;width: 90%;margin-left: 5%;" @click="goContract('当前合同')">
				<div style="display: flex;align-items: center;justify-content: space-between;">
					<div class="flex-image" style="display: flex;align-items: center;">
						<image src="https://28-1325662301.cos.ap-shanghai.myqcloud.com/%E9%9D%92%E5%B2%9B%E5%B0%8F%E7%A8%8B%E5%BA%8F%2FGroup%202364.png" />
						<div style="width: 15px;"></div>
						<div>当前合同</div>
					</div>
					<div style="display: flex;align-items: center;">
						<u-icon color="#000000" name="arrow-right"></u-icon>
						<div style="width: 10px;"></div>
					</div>
				</div>
			</div>
			<div style="height: 20px;"></div>
		</div>

		<div style="height: 50px;"></div>
	</div>

	<!-- <tabBar :currentPage="currentPage" :indent="indent" :role="role"></tabBar> -->
</template>
<script>
export default {
	data() {
		return {
		}
	},
	methods: {
		goContract(i){
			uni.navigateTo({
				url: `/pagesFarmer/index/contract?flag=${i}`
			})
		},
		goFeesAll(i){
			uni.navigateTo({
				url: `/pagesFarmer/index/feesAll`
			})
		},
		goPublicAccount(i){
			uni.navigateTo({
				url: `/pagesFarmer/index/publicAccount`
			})
		},
	},
	onLoad() {

	},
	onShow() {
		
	}

}
</script>
<style lang="scss">
// .container {
//     max-height: 91vh;
//     width: 100vw;
//     color: #000000;
//     font-weight: 500;
//     overflow-y: scroll;
//     background-color: #f2f8f5;
// }

// page {
//     background: #f2f8f5;
// }

.info {
	border-radius: 20px;
	width: 90%;
	margin-left: 5%;
}

.head-img image {
	width: 100rpx;
	height: 100rpx;
}

.flex-image image {
	width: 75rpx;
	height: 75rpx;
}

.line-white {
	height: 4rpx;
	width: 100vw;
	background: #eef3f1;
}
</style>